<template>
	<view class="page-fade-in" :style="{opacity: pageOpc}">
		<template v-if="pageOpc">
			<view class="content">
				<view class="tips-box flexWarpCenterColumn" v-if="verifyStatus==1">
					<view class="tips-strong">已提交成功，待审核</view>
					<view>预计1~3个工作日审核完成</view>
				</view>
				<view class="tips-box flexWarpCenterColumn" v-else-if="verifyStatus==2">
					<image src="/static/coupon/delete-icon.png" class="error-icon"></image>
					<view class="tips-strong">请在群内联系运营人员后台处理</view>
				</view>
				<view class="function-box" v-else-if="verifyStatus==3">
					<view class="function-item flexWrap" @tap="goPage('/moduleB/settleAuthentication')"
						v-if="is_real_auth==0">
						<view class="item-left flexWrapNo">
							<view class="item-icon">
								<image src="/static/user/ziliao-icon.png"></image>
							</view>
							实名认证
						</view>
						<text class="icon-more"></text>
					</view>
					<view class="function-item flexWrap" @tap="goPage('/moduleB/settleProtocol')" v-if="is_sign==0">
						<view class="item-left flexWrapNo">
							<view class="item-icon">
								<image src="/static/user/frame-icon.png"></image>
							</view>
							合同签章
						</view>
						<text class="icon-more"></text>
					</view>
				</view>
				<block v-else>
					<view class="group-tab">
						<view class="tab-item" :class="{active:currentTag==1}" @tap="tabChange(1)">商户信息</view>
						<view class="tab-item" :class="{active:currentTag==2}" @tap="tabChange(2)">上传资质</view>
					</view>
					<view class="remaks-box" style="padding-left: 0;">
						需要完成两步操作:填写商户信息、2.资质图片上传
					</view>
					<view class="shop-info-box" v-if="currentTag==1">
						<view class="tips success" v-if="status=='AUDITED'">结算账户已配置，如需变更请在群内联系运营人员后台处理</view>
						<view class="tips" v-if="status=='OVERRULE'">{{err_msg}}</view>
						<view class="tips" v-if="status=='INIT'">{{err_msg}}</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">名称(营业执照)：</view>
							<input placeholder="请输入名称" placeholder-class="placeholderclass" v-model="signName"
								:disabled="disabled" />
						</view>
						<!-- <view class="info-item flexWrapNo">
							<view class="item-title">展示名：</view>
							<input placeholder="请输入展示名" placeholder-class="placeholderclass" v-model="showName" :disabled="disabled"/>
						</view> -->
						<view class="info-item flexWrapNo">
							<view class="item-title">商户类型：</view>
							<picker @change="bindPickerChange" :data-index="0" :value="index" :range="array"
								range-key="name" :disabled="disabled">
								<view class="uni-input" v-if="merchantName">{{merchantName}}</view>
								<view class="uni-input" v-else>请选择</view>
							</picker>
							<text class="icon-more"></text>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">法人姓名：</view>
							<input placeholder="请输入法人姓名" placeholder-class="placeholderclass" maxlength="50"
								v-model="legalPerson" :disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">法人身份证号：</view>
							<input placeholder="请输入法人身份证号" placeholder-class="placeholderclass" type="idcard"
								maxlength="18" v-model="legalPersonID" :disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">法人身份证开始日期：</view>
							<picker mode="date"  :value="idCardStartDate" @change="bindDateChange" :data-type="'idCardStartDate'" :end="date">
								<view class="select-input" v-if="idCardStartDate">{{idCardStartDate}}</view>
								<view class="select-input" v-else>请选择日期</view>
							</picker>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">法人身份证结束日期：</view>
							<picker mode="date"  :value="idCardEndDate" @change="bindDateChange" :data-type="'idCardEndDate'" :start="date">
								<view class="select-input" v-if="idCardEndDate">{{idCardEndDate}}</view>
								<view class="select-input" v-else>请选择日期</view>
							</picker>
						</view>
						<view class="info-item flexWrapNo" v-if="index==0">
							<view class="item-title">法人居住地址：</view>
							<textarea  placeholder="请填写法人证件居住地址" placeholder-class="placeholderclass" v-model="legalPersonIdAddress":disabled="disabled"></textarea>
						</view>
						<!-- <view class="info-item flexWrapNo">
							<view class="item-title">组织机构代码：</view>
							<input placeholder="请输入组织机构代码" placeholder-class="placeholderclass" v-model="orgNum":disabled="disabled"/>
						</view> -->
						<!-- <view class="remaks-box">
							备注：1.若是个体工商户，统一填写营业执照号；2.三证合一，则统一填营业执照号
						</view> -->
						<view class="info-item flexWrapNo">
							<view class="item-title">营业执照号：</view>
							<input placeholder="请输入营业执照号" placeholder-class="placeholderclass" v-model="businessLicense"
								:disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo" >
							<view class="item-title">经营起始日期：</view>
							<picker mode="date"  :value="businessDateStart" @change="bindDateChange" :data-type="'businessDateStart'"  :end="date">
								<view class="select-input" v-if="businessDateStart">{{businessDateStart}}</view>
								<view class="select-input" v-else>请选择日期</view>
							</picker>
						</view>
						<view class="info-item flexWrapNo" >
							<view class="item-title">经营期限：</view>
							<picker mode="date"  :value="businessDateLimit" @change="bindDateChange" :data-type="'businessDateLimit'" :start="date">
								<view class="select-input" v-if="businessDateLimit">{{businessDateLimit}}</view>
								<view class="select-input" v-else>请选择日期</view>
							</picker>
						</view>
						<view class="info-item flexWrapNo" @tap="openAddres">
							<view class="item-title">所在区域：</view>
							<view class="flexWrapNo" style="flex: 1;">
								<input placeholder="请选择省市区" disabled placeholder-class="placeholderclass"
									v-model="addressArr" />
								<text class="icon-more"></text>
							</view>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">通讯地址：</view>
							<textarea placeholder="请输入通讯地址" placeholder-class="placeholderclass" v-model="address"
								:disabled="disabled"></textarea>
						</view>
						<view class="remaks-box">
							备注：同营业执照经营场所
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">联系人：</view>
							<input placeholder="请输入联系人" placeholder-class="placeholderclass" v-model="linkman"
								:disabled="disabled" />
						</view>
						<view class="remaks-box">
							备注：联系人填写经营者/法人姓名
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">联系电话：</view>
							<input placeholder="请输入联系电话" placeholder-class="placeholderclass" type="number"
								v-model="linkPhone" maxlength="11" :disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">联系邮箱：</view>
							<input placeholder="请输入联系邮箱" placeholder-class="placeholderclass" v-model="email"
								:disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">联系人身份证号：</view>
							<input placeholder="请输入联系人身份证号" placeholder-class="placeholderclass" type="idcard"
								maxlength="18" v-model="linkManId" :disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">结算类型：</view>
							<picker @change="bindPickerChange" :value="settlementIndex" :range="settlementTypeList"
								:data-index="1" range-key="name" :disabled="disabled">
								<view class="uni-input" v-if="settlementName">{{settlementName}}</view>
								<view class="uni-input" v-else>请选择</view>
							</picker>
							<text class="icon-more"></text>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">开户名：</view>
							<input placeholder="请填写开户名" placeholder-class="placeholderclass" v-model="accountName"
								:disabled="disabled" />
						</view>
						<view class="remaks-box">
							<block v-if="index==0">备注：开户名必须是公司公户，如需结算给个人，请群内联系人工申请；</block>
							<block v-else>备注：开户名必须是营业执照经营者，如需结算给其他人，请群内联系人工申请；</block>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">开户账号：</view>
							<input placeholder="请填写开户账号" placeholder-class="placeholderclass" type="number"
								v-model="accountNo" :disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">预留手机号：</view>
							<input placeholder="请填写银行预留手机号" placeholder-class="placeholderclass" type="number"
								v-model="bindMobile" maxlength="11" :disabled="disabled" />
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">结算卡银联号：</view>
							<input placeholder="请填写结算卡银联号" placeholder-class="placeholderclass" type="number"
								v-model="bankCode" :disabled="disabled" />
						</view>
						<view class="remaks-box">
							备注：致电银行或百度“开户行+银联号”查询
						</view>
						<!-- 
						<view class="info-item flexWrapNo">
							<view class="item-title">受益人证件姓名：</view>
							<input placeholder="请填写受益人证件姓名" placeholder-class="placeholderclass" v-model="benefLegalPerson"  :disabled="disabled"/>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">受益人证件号码：</view>
							<input placeholder="请填写受益人证件号码" placeholder-class="placeholderclass" v-model="benefLegalPersonID" type="idcard" :disabled="disabled"/>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">受益人居住地址：</view>
							<textarea  placeholder="请填写受益人证件居住地址" placeholder-class="placeholderclass" v-model="benefAddress":disabled="disabled"></textarea>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">受益人证件有效期开始时间：</view>
							<picker mode="date"  :value="benefIdCardStartDate" @change="bindDateChange" :data-type="'benefIdCardStartDate'" :start="date">
								<view class="select-input" v-if="benefIdCardStartDate">{{benefIdCardStartDate}}</view>
								<view class="select-input" v-else>请选择日期</view>
							</picker>
						</view>
						<view class="info-item flexWrapNo">
							<view class="item-title">受益人证件有效期结束时间：</view>
							<picker mode="date"  :value="benefIdCardEndDate" @change="bindDateChange" :data-type="'benefIdCardEndDate'" :start="date">
								<view class="select-input" v-if="benefIdCardEndDate">{{benefIdCardEndDate}}</view>
								<view class="select-input" v-else>请选择日期</view>
							</picker>
						</view> -->
					</view>
					<view class="qualifications-box" v-else>
						<view class="attachment-tips">备注:图片仅用在乒个乓自助小程序店铺进件,仅支持不超过2M的jpg、jpeg、png格式图片</view>
						<view class="info-item">
							<view>营业执照</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(businessLicenseImg)" class="attachment-img"
									v-if="businessLicenseImg">
									<image :src="businessLicenseImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('businessLicenseImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('businessLicenseImg')"
									v-if="!businessLicenseImg"></view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.business_license_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.business_license_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.business_license_status"
									:class="{'success':credential.business_license_status=='SUCCESS','error':credential.business_license_status=='FAIL'}">
									{{credential.business_license_status=='FAIL'?'失败':credential.business_license_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item">
							<view>经营许可证</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(businessCertificate)" class="attachment-img"
									v-if="businessCertificate">
									<image :src="businessCertificate"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('businessCertificate')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('businessCertificate')"
									v-if="!businessCertificate"></view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.business_certificate_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.business_certificate_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.business_certificate_status"
									:class="{'success':credential.business_certificate_status=='SUCCESS','error':credential.business_certificate_status=='FAIL'}">
									{{credential.business_certificate_status=='FAIL'?'失败':credential.business_certificate_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item" v-if="index==0&&settlementIndex==0">
							<view>开户许可证</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(accountOpenImg)" class="attachment-img" v-if="accountOpenImg">
									<image :src="accountOpenImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('accountOpenImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('accountOpenImg')" v-if="!accountOpenImg">
								</view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.opening_license_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.opening_license_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.opening_license_status"
									:class="{'success':credential.opening_license_status=='SUCCESS','error':credential.opening_license_status=='FAIL'}">
									{{credential.opening_license_status=='FAIL'?'失败':credential.opening_license_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item">
							<view>法人身份证正面</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(idCardImg)" class="attachment-img" v-if="idCardImg">
									<image :src="idCardImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('idCardImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('idCardImg')" v-if="!idCardImg"></view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.legal_person_head_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.legal_person_head_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.legal_person_head_status"
									:class="{'success':credential.legal_person_head_status=='SUCCESS','error':credential.legal_person_head_status=='FAIL'}">
									{{credential.legal_person_head_status=='FAIL'?'失败':credential.legal_person_head_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item">
							<view>法人身份证反面</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(idCardOppositeImg)" class="attachment-img"
									v-if="idCardOppositeImg">
									<image :src="idCardOppositeImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('idCardOppositeImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('idCardOppositeImg')" v-if="!idCardOppositeImg">
								</view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.legal_person_bak_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.legal_person_bak_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.legal_person_bak_status"
									:class="{'success':credential.legal_person_bak_status=='SUCCESS','error':credential.legal_person_bak_status=='FAIL'}">
									{{credential.legal_person_bak_status=='FAIL'?'失败':credential.legal_person_bak_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item">
							<view>门头照</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(doorImg)" class="attachment-img" v-if="doorImg">
									<image :src="doorImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('doorImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('doorImg')" v-if="!doorImg"></view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.door_photo_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.door_photo_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.door_photo_status"
									:class="{'success':credential.door_photo_status=='SUCCESS','error':credential.door_photo_status=='FAIL'}">
									{{credential.door_photo_status=='FAIL'?'失败':credential.door_photo_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item">
							<view>室内照</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(indoorImg)" class="attachment-img" v-if="indoorImg">
									<image :src="indoorImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('indoorImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('indoorImg')" v-if="!indoorImg"></view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.indoor_scene_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.indoor_scene_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.indoor_scene_status"
									:class="{'success':credential.indoor_scene_status=='SUCCESS','error':credential.indoor_scene_status=='FAIL'}">
									{{credential.indoor_scene_status=='FAIL'?'失败':credential.indoor_scene_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<view class="info-item" v-if="settlementIndex==1">
							<view>法人结算卡</view>
							<view class="attachment-box flexWrapNo">
								<view @tap="previewImage(legalSettlementImg)" class="attachment-img"
									v-if="legalSettlementImg">
									<image :src="legalSettlementImg"></image>
									<image src="/static/user/close.png" class="close-btn"
										@tap.stop="deleteImage('legalSettlementImg')"></image>
								</view>
								<view class="add-btn" @tap="chooseImage('legalSettlementImg')"
									v-if="!legalSettlementImg"></view>
								<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
									v-if="credential.legal_settlement_card_status=='SUCCESS'"></uni-icons>
								<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
									v-if="credential.legal_settlement_card_status=='FAIL'"></uni-icons>
								<view class="status" v-if="credential.legal_settlement_card_status"
									:class="{'success':credential.legal_settlement_card_status=='SUCCESS','error':credential.legal_settlement_card_status=='FAIL'}">
									{{credential.legal_settlement_card_status=='FAIL'?'失败':credential.legal_settlement_card_status=='SUCCESS'?'成功':'处理中'}}
								</view>
								<view class="status" v-else>未提交</view>
							</view>
						</view>
						<block v-if="settlementIndex==2">
							<view class="info-item">
								<view>结算人身份证正面</view>
								<view class="attachment-box flexWrapNo">
									<view @tap="previewImage(bankIdCardImg)" class="attachment-img"
										v-if="bankIdCardImg">
										<image :src="bankIdCardImg"></image>
										<image src="/static/user/close.png" class="close-btn"
											@tap.stop="deleteImage('bankIdCardImg')"></image>
									</view>
									<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
										v-if="credential.settlement_head_card_status=='SUCCESS'"></uni-icons>
									<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
										v-if="credential.settlement_head_card_status=='FAIL'"></uni-icons>
									<view class="add-btn" @tap="chooseImage('bankIdCardImg')" v-if="!bankIdCardImg">
									</view>
									<view class="status" v-if="credential.settlement_head_card_status"
										:class="{'success':credential.settlement_head_card_status=='SUCCESS','error':credential.settlement_head_card_status=='FAIL'}">
										{{credential.settlement_head_card_status=='FAIL'?'失败':credential.settlement_head_card_status=='SUCCESS'?'成功':'处理中'}}
									</view>
									<view class="status" v-else>未提交</view>
								</view>
							</view>
							<view class="info-item">
								<view>结算人身份证反面</view>
								<view class="attachment-box flexWrapNo">
									<view @tap="previewImage(bankIdCardOppositeImg)" class="attachment-img"
										v-if="bankIdCardOppositeImg">
										<image :src="bankIdCardOppositeImg"></image>
										<image src="/static/user/close.png" class="close-btn"
											@tap.stop="deleteImage('bankIdCardOppositeImg')"></image>
									</view>
									<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
										v-if="credential.settlement_bak_card_status=='SUCCESS'"></uni-icons>
									<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
										v-if="credential.settlement_bak_card_status=='FAIL'"></uni-icons>
									<view class="add-btn" @tap="chooseImage('bankIdCardOppositeImg')"
										v-if="!bankIdCardOppositeImg"></view>
									<view class="status" v-if="credential.settlement_bak_card_status"
										:class="{'success':credential.settlement_bak_card_status=='SUCCESS','error':credential.settlement_bak_card_status=='FAIL'}">
										{{credential.settlement_bak_card_status=='FAIL'?'失败':credential.settlement_bak_card_status=='SUCCESS'?'成功':'处理中'}}
									</view>
									<view class="status" v-else>未提交</view>
								</view>
							</view>
							<view class="info-item">
								<view>结算银行卡照片</view>
								<view class="attachment-box flexWrapNo">
									<view @tap="previewImage(bankImg)" class="attachment-img" v-if="bankImg">
										<image :src="bankImg"></image>
										<image src="/static/user/close.png" class="close-btn"
											@tap.stop="deleteImage('bankImg')"></image>
									</view>
									<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
										v-if="credential.settlement_bank_card_status=='SUCCESS'"></uni-icons>
									<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
										v-if="credential.settlement_bank_card_status=='FAIL'"></uni-icons>
									<view class="add-btn" @tap="chooseImage('bankImg')" v-if="!bankImg"></view>
									<view class="status" v-if="credential.settlement_bank_card_status"
										:class="{'success':credential.settlement_bank_card_status=='SUCCESS','error':credential.settlement_bank_card_status=='FAIL'}">
										{{credential.settlement_bank_card_status=='FAIL'?'失败':credential.settlement_bank_card_status=='SUCCESS'?'成功':'处理中'}}
									</view>
									<view class="status" v-else>未提交</view>
								</view>
							</view>
							<view class="info-item">
								<view>结算账户指定书</view>
								<view class="attachment-box flexWrapNo">
									<view @tap="previewImage(designatedBook)" class="attachment-img"
										v-if="designatedBook">
										<image :src="designatedBook"></image>
										<image src="/static/user/close.png" class="close-btn"
											@tap.stop="deleteImage('designatedBook')"></image>
									</view>
									<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
										v-if="credential.designated_book_status=='SUCCESS'"></uni-icons>
									<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
										v-if="credential.designated_book_status=='FAIL'"></uni-icons>
									<view class="add-btn" @tap="chooseImage('designatedBook')" v-if="!designatedBook">
									</view>
									<view class="status" v-if="credential.designated_book_status"
										:class="{'success':credential.designated_book_status=='SUCCESS','error':credential.designated_book_status=='FAIL'}">
										{{credential.designated_book_status=='FAIL'?'失败':credential.designated_book_status=='SUCCESS'?'成功':'处理中'}}
									</view>
									<view class="status" v-else>未提交</view>
								</view>
							</view>
							<view class="info-item">
								<view>结算人手持结算卡</view>
								<view class="attachment-box flexWrapNo">
									<view @tap="previewImage(handheldCard)" class="attachment-img" v-if="handheldCard">
										<image :src="handheldCard"></image>
										<image src="/static/user/close.png" class="close-btn"
											@tap.stop="deleteImage('handheldCard')"></image>
									</view>
									<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
										v-if="credential.handheld_card_status=='SUCCESS'"></uni-icons>
									<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
										v-if="credential.handheld_card_status=='FAIL'"></uni-icons>
									<view class="add-btn" @tap="chooseImage('handheldCard')" v-if="!handheldCard">
									</view>
									<view class="status" v-if="credential.handheld_card_status"
										:class="{'success':credential.handheld_card_status=='SUCCESS','error':credential.handheld_card_status=='FAIL'}">
										{{credential.handheld_card_status=='FAIL'?'失败':credential.handheld_card_status=='SUCCESS'?'成功':'处理中'}}
									</view>
									<view class="status" v-else>未提交</view>
								</view>
							</view>
							<view class="info-item">
								<view>结算人手持身份证</view>
								<view class="attachment-box flexWrapNo">
									<view @tap="previewImage(handheldIdCard)" class="attachment-img"
										v-if="handheldIdCard">
										<image :src="handheldIdCard"></image>
										<image src="/static/user/close.png" class="close-btn"
											@tap.stop="deleteImage('handheldIdCard')"></image>
									</view>
									<uni-icons type="checkmarkempty" size="15" color="rgb(102,203,53)"
										v-if="credential.handheld_id_card_status=='SUCCESS'"></uni-icons>
									<uni-icons type="closeempty" size="15" color="rgb(189,49,36)"
										v-if="credential.handheld_id_card_status=='FAIL'"></uni-icons>
									<view class="add-btn" @tap="chooseImage('handheldIdCard')" v-if="!handheldIdCard">
									</view>
									<view class="status" v-if="credential.handheld_id_card_status"
										:class="{'success':credential.handheld_id_card_status=='SUCCESS','error':credential.handheld_id_card_status=='FAIL'}">
										{{credential.handheld_id_card_status=='FAIL'?'失败':credential.handheld_id_card_status=='SUCCESS'?'成功':'处理中'}}
									</view>
									<view class="status" v-else>未提交</view>
								</view>
							</view>
						</block>
					</view>
					<view class="remaks-box2">
						备注：本账户仅用于小程序收入提现使用，美团、抖音提现账户请在美团开店宝或者抖音来客设置。
					</view>
					<view class="bottom-box flexWrapNo" v-if="!disabled&&currentTag==1">
						<view class="define-btn" style="width: 200upx;margin-right: 20upx;" @tap="submit(1)">保存</view>
						<view class="define-btn" @tap="submit(2)">确认提交</view>
					</view>
					<view class="bottom-box flexWrapNo" v-if="currentTag==2">
						<view class="define-btn" style="width: 200upx;margin-right: 20upx;" @tap="credentialUpload(1)">
							保存</view>
						<view class="define-btn" @tap="credentialUpload(2)">确认提交</view>
					</view>
					<view class="picker-box" v-if="pickerFlag">
						<view class="picker-top flexWrap">
							<view @tap="closePicker">取消</view>
							<view class="confirm-btn" @tap="confirm()">确定</view>
						</view>
						<picker-view :indicator-style="indicatorStyle" :value="value" @change="bindChange"
							class="picker-view">
							<picker-view-column>
								<view class="item" v-for="(item,index) in provinceList" :key="index" :data-index="0">
									{{item.name}}</view>
							</picker-view-column>
							<picker-view-column>
								<view class="item" v-for="(item,index) in cityList" :key="index" :data-index="1">
									{{item.name}}</view>
							</picker-view-column>
							<picker-view-column>
								<view class="item" v-for="(item,index) in areaList" :key="index" :data-index="2">
									{{item.name}}</view>
							</picker-view-column>
						</picker-view>
					</view>
					<view class="mask-wrap" v-if="pickerFlag"></view>
				</block>
				<!--操作指引悬浮按钮 -->
				<guideline :path="'moduleB/manage/setSettle'"></guideline>
			</view>
		</template>
	</view>
</template>

<script>
	import base from '@/common/base.js';
	export default {
		data() {
			const currentDate = this.getDate({
				format: true
			})
			return {
				verifyStatus: 0,
				pageOpc: 0,
				signName: "",
				legalPerson: "",
				legalPersonID: "",
				linkManId:"",
				orgNum: "",
				businessLicense: "",
				province: "",
				city: "",
				area: "",
				regionCode: "",
				address: "",
				linkman: "",
				linkPhone: "",
				email: "",
				bankCode: "",
				accountName: "",
				accountNo: "",
				bindMobile: "",
				showName: "",
				err_msg: "",
				status: "",
				array: [{
						name: '企业商户',
						value: 'ENTERPRISE'
					},
					{
						name: '个体工商户',
						value: 'INDIVIDUALBISS'
					}
				],
				index: 0,
				merchantType: "",
				merchantName: "",
				settlementTypeList: [{
						name: "对公结算",
						value: 1
					},
					{
						name: "法人对私",
						value: 2
					},
					{
						name: "非法人结算",
						value: 3
					},
				],
				settlementIndex: 0,
				settlementName: "",
				settlementType:1,
				indicatorStyle: `height: 100rpx;`,
				pickerFlag: false,
				cityList: [],
				provinceList: [],
				areaList: [],
				value: [0, 0, 0],
				addressArr: "",
				disabled: false,
				// 新增
				idCardStartDate: "", //法人身份证开始日期
				idCardEndDate: "", //法人身份证结束日期
				businessDateStart: "", //经营起始日期
				businessDateLimit: "", //经营期限
				agreeProtocol: true,
				date: currentDate,
				legalPersonIdAddress: "", //法人证件居住地址
				enterpriseOwner: "", //经营者/法人是否为受益人
				benefLegalPerson: "", //受益人证件姓名
				benefLegalPersonID: "", //受益人证件号码
				benefAddress: "", //受益人证件居住地址
				benefIdCardStartDate: "", //受益人证件有效期开始时间
				benefIdCardEndDate: "", //受益人证件有效期结束时间
				currentTag: 1,
				// 资质
				businessLicenseImg: "", //营业执照
				accountOpenImg: "", //开户许可证
				idCardImg: "", //法人身份证
				idCardOppositeImg: "", //法人身份证反面
				doorImg: "", //门头照
				indoorImg: "", //室内照
				legalSettlementImg: "", //法人结算卡
				bankIdCardImg: "", //结算人身份证正面
				bankIdCardOppositeImg: "",
				bankImg: "", //结算银行卡照片
				designatedBook: "", //结算账户指定书
				handheldCard: "", //结算人手持卡
				handheldIdCard: "", //结算人手持身份证
				businessCertificate:"",//经营许可证
				sub_merchant_no:"",//商户号
				credential: {
					business_license_status: "",
					designated_book_status: "",
					door_photo_status: "",
					handheld_card_status: "",
					handheld_id_card_status: "",
					indoor_scene_status: "",
					legal_person_bak_status: "",
					legal_person_head_status: "",
					legal_settlement_card_status: "",
					opening_license_status: "",
					settlement_bak_card_status: "",
					settlement_bank_card_status: "",
					settlement_head_card_status: "",
				},
				is_real_auth: 0,
				is_sign: 0
			}
		},
		onLoad() {
			this.checkSettlementStatus();
		},
		onReady() {
			setTimeout(() => {
				this.pageOpc = 1
			}, 100)
		},
		methods: {
			checkSettlementStatus(){
				this.$request.post(this.$api.checkSettlementStatus, {
					store_id: uni.getStorageSync('store_id')
				}, {
					token: true
				}).then(res => {
					let {
						data = {}
					} = res;
					if (res.code == 1) {
						this.verifyStatus=data.status
						if(this.verifyStatus==1){
							this.getSignAndAuthStatus();
						}else{
							this.settlementSetInfo();
							this.credentialInfo();
						}
					}
				})
			},
			getSignAndAuthStatus() {
				this.$request.post(this.$api.getSignAndAuthStatus, {
					store_id: uni.getStorageSync('store_id')
				}, {
					token: true
				}).then(res => {
					let {
						data = {}
					} = res;
					if (res.code == 1) {
						if (data != null && data.settlement_info != null) {
							this.is_real_auth = data.settlement_info.is_real_auth
							this.is_sign = data.settlement_info.is_sign
						}
					}
				})
			},
			// 选择时间
			bindDateChange(e) {
				console.log(e)
				let type = e.target.dataset.type
				switch (type) {
					case "idCardStartDate":
						this.idCardStartDate = e.target.value
						break;
					case "idCardEndDate":
						this.idCardEndDate = e.target.value
						break;
					case "businessDateStart":
						this.businessDateStart = e.target.value
						break;
					case "businessDateLimit":
						this.businessDateLimit = e.target.value
						break;
					case "benefIdCardStartDate":
						this.benefIdCardStartDate = e.target.value
						break;
					case "benefIdCardEndDate":
						this.benefIdCardEndDate = e.target.value
						break;
					default:
						break;
				}
			},
			// 获取时间
			getDate(type) {
				const date = new Date();
				if (type === 'start') {
					date.setDate(date.getDate());
				}
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
				month = month > 9 ? month : '0' + month;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			},
			tabChange(tag) {
				if(!this.sub_merchant_no){
					return;
				}
				this.currentTag = tag
				if (tag == 2) {
					this.credentialInfo();
				}
			},
			bindPickerChange(e) {
				let index = e.target.dataset.index
				console.log(e)
				if (index == 0) {
					this.index = e.detail.value
					this.merchantName = this.array[this.index].name
					this.merchantType = this.array[this.index].value
				} else {
					this.settlementIndex = e.detail.value
					this.settlementName = this.settlementTypeList[this.settlementIndex].name
					this.settlementType = this.settlementTypeList[this.settlementIndex].value
				}
			},
			openAddres() {
				if (this.disabled) {
					return;
				}
				this.pickerFlag = true
			},
			closePicker() {
				this.pickerFlag = false
			},
			bindChange(e) {
				console.log(e)
				this.value = e.detail.value
				let provinceIndex = this.value[0]
				let cityIndex = this.value[1]
				let areaIndex = this.value[2]

				let preProvinceId = this.province_code
				let precityId = this.city_code
				let preareaId = this.area_code
				this.province_code = this.provinceList[provinceIndex].code
				this.city_code = this.cityList[cityIndex].code
				this.area_code = this.areaList[areaIndex].code

				// this.province=this.provinceList[provinceIndex].name
				// this.city=this.cityList[provinceIndex].name
				// this.area=this.areaList[provinceIndex].name
				if (preProvinceId != this.province_code) {
					this.value[1] = 0
					this.value[2] = 0
				}
				if (precityId != this.city_code) {
					this.value[2] = 0
				}
				this.getCityList();
			},
			confirm() {
				this.pickerFlag = false
				let provinceIndex = this.value[0]
				let cityIndex = this.value[1]
				let areaIndex = this.value[2]
				this.province_code = this.provinceList[provinceIndex].code
				this.city_code = this.cityList[cityIndex].code
				this.area_code = this.areaList[areaIndex].code

				this.province = this.provinceList[provinceIndex].name
				this.city = this.cityList[cityIndex].name
				this.area = this.areaList[areaIndex].name
				this.addressArr = this.provinceList[provinceIndex].name + this.cityList[cityIndex].name + this.areaList[
					areaIndex].name
				this.regionCode = this.area_code
				console.log(this.province_code)
				console.log(this.city_code)
				console.log(this.area_code)
			},
			getProvinceList() {
				this.$request.post(this.$api.getProvince, {}, {
					token: true
				}).then(res => {
					let {
						data = {}
					} = res;
					if (res.code == 1) {
						this.provinceList = data
						if (this.province && !this.pickerFlag) {
							console.log(this.province)
							this.value[0] = this.provinceList.findIndex((item) => item.name == this.province)
							console.log(this.value[0])
							this.province_code = this.provinceList[this.value[0]].code
						} else {
							this.province_code = this.provinceList[0].code
						}
						this.getCityList();
					}
				})
			},
			getCityList() {
				this.$request.post(this.$api.getCity, {
					code: this.province_code
				}, {
					token: true
				}).then(res => {
					let {
						data = {}
					} = res;
					if (res.code == 1) {
						this.cityList = data
						if (this.city && !this.pickerFlag) {
							console.log(this.city)
							this.value[1] = this.cityList.findIndex((item) => item.name == this.city)
							console.log(this.value[1])
							this.city_code = this.cityList[this.value[1]].code
						} else {
							this.city_code = this.cityList[this.value[1]].code
						}
						this.getAreaList()
					}
				})
			},
			getAreaList() {
				this.$request.post(this.$api.getArea, {
					code: this.city_code
				}, {
					token: true
				}).then(res => {
					let {
						data = {}
					} = res;
					if (res.code == 1) {
						this.areaList = data
						if (this.regionCode && !this.pickerFlag) {
							this.value[2] = this.areaList.findIndex((item) => item.code == this.regionCode)
							this.area_code = this.areaList[this.value[2]].code
							console.log(this.value[2])
							let provinceIndex = this.value[0]
							let cityIndex = this.value[1]
							let areaIndex = this.value[2]
							this.addressArr = this.provinceList[provinceIndex].name + this.cityList[cityIndex]
								.name + this.areaList[areaIndex].name
						} else {
							this.area_code = this.areaList[this.value[2]].code
						}
					}
				})
			},
			submit(save_type) {
				if (save_type == 2) {
					if (this.status == 'INIT') {
						this.$tools.showToast('审核中请勿编辑')
						return;
					}
					if (this.status == 'AUDITED') {
						this.$tools.showToast('审核通过请勿编辑')
						return;
					}
					if (!this.signName) {
						this.$tools.showToast('请输入名称')
						return;
					}
					// if(!this.showName){
					// 	this.$tools.showToast('请输入展示名')
					// 	return;
					// }
					if (!this.merchantType) {
						this.$tools.showToast('请选择商户类型')
						return;
					}
					if (!this.legalPerson) {
						this.$tools.showToast('请输入法人姓名')
						return;
					}
					if (!this.legalPersonID) {
						this.$tools.showToast('请输入法人身份证')
						return;
					}
					// if(!this.orgNum){
					// 	this.$tools.showToast('请输入组织机构代码')
					// 	return;
					// }
					if (!this.businessLicense) {
						this.$tools.showToast('请输入营业执照号')
						return;
					}
					if (!this.businessLicense) {
						this.$tools.showToast('请输入营业执照号')
						return;
					}
					if (!this.address) {
						this.$tools.showToast('请输入通讯地址')
						return;
					}
					if (!this.linkman) {
						this.$tools.showToast('请输入联系人')
						return;
					}
					if (!this.linkPhone) {
						this.$tools.showToast('请输入联系人电话')
						return;
					}
					if (this.linkPhone.length != 11) {
						this.$tools.showToast('请输入正确的联系人电话')
						return;
					}
					if (!this.email) {
						this.$tools.showToast('请输入联系人邮箱')
						return;
					}
					// if (!this.$tools.isEmail(this.email)) {
					// 	this.$tools.showToast('请输入正确的联系人邮箱')
					// 	return;
					// }
					if (!this.linkManId) {
						this.$tools.showToast('请输入联系人身份证号')
						return;
					}
					if (!this.accountName) {
						this.$tools.showToast('请填写开户名')
						return;
					}
					if (!this.accountNo) {
						this.$tools.showToast('请填写开户账号')
						return;
					}
					if (!this.bindMobile) {
						this.$tools.showToast('请填写银行预留手机号')
						return;
					}
					if (this.bindMobile.length != 11) {
						this.$tools.showToast('请输入正确的银行预留手机号')
						return;
					}
					if (!this.bankCode) {
						this.$tools.showToast('请填写结算卡银联号')
						return;
					}
				}
				this.$request.post(this.$api.settlementSet, {
					store_id: uni.getStorageSync('store_id'),
					save_type: save_type,
					signName: this.signName,
					// showName:this.showName,
					legalPerson: this.legalPerson,
					legalPersonID: this.legalPersonID,
					linkManId:this.linkManId,
					// orgNum:this.orgNum,
					businessLicense: this.businessLicense,
					province: this.province,
					city: this.city,
					area: this.area,
					regionCode: this.regionCode,
					address: this.address,
					linkman: this.linkman,
					linkPhone: this.linkPhone,
					email: this.email,
					bankCode: this.bankCode,
					bindMobile: this.bindMobile,
					accountName: this.accountName,
					accountNo: this.accountNo,
					merchantType: this.merchantType,
					settle_type: this.settlementType,
					idCardStartDate: this.idCardStartDate,
					idCardEndDate: this.idCardEndDate,
					businessDateStart: this.businessDateStart,
					businessDateLimit: this.businessDateLimit,
					legalPersonIdAddress:this.legalPersonIdAddress
				}, {
					token: true
				}).then(res => {
					console.log(res)
					if (res.code == 1) {
						let {
							data = {}
						} = res;
						if (save_type == 2) {
							this.$tools.showToast('提交成功，等待第三方审核')
							setTimeout(() => {
								uni.navigateBack({
									delta: 1
								})
							}, 1000)
						} else {
							this.$tools.showToast('保存成功')
						}
					}
				})
			},
			// 资质回显
			credentialInfo() {
				this.$request.post(this.$api.credentialInfo, {
					store_id: uni.getStorageSync('store_id')
				}, {
					token: true
				}).then(res => {
					console.log(res)
					if (res.code == 1) {
						let {
							data = {}
						} = res;
						let credential = data.credential
						if (credential != null) {
							this.credential = credential
							this.businessLicenseImg = credential.business_license
							this.businessLicenseImg = credential.business_license //营业执照
							this.accountOpenImg = credential.opening_license //开户许可证
							this.idCardImg = credential.legal_person_head //法人身份证正面
							this.idCardOppositeImg = credential.legal_person_bak //
							this.doorImg = credential.door_photo //门头照
							this.indoorImg = credential.indoor_scene //室内照
							this.legalSettlementImg = credential.legal_settlement_card //法人结算卡
							this.bankImg = credential.settlement_bank_card //结算人银行卡
							this.bankIdCardImg = credential.settlement_head_card //结算人身份证正面
							this.bankIdCardOppositeImg = credential.settlement_bak_card //结算人身份证反面
							this.designatedBook = credential.designated_book //结算账户指定书
							this.handheldCard = credential.handheld_card //结算人手持卡
							this.handheldIdCard = credential.handheld_id_card //结算人手持身份证
							this.businessCertificate=credential.business_certificate
						}
					}
				})
			},
			// 上传资质
			credentialUpload(save_type) {
				this.$request.post(this.$api.credentialUpload, {
					store_id: uni.getStorageSync('store_id'),
					save_type: save_type,
					business_license: this.businessLicenseImg, //营业执照
					opening_license: this.accountOpenImg, //开户许可证
					legal_person_head: this.idCardImg, //法人身份证正面
					legal_person_bak: this.idCardOppositeImg, //
					door_photo: this.doorImg, //门头照
					indoor_scene: this.indoorImg, //室内照
					legal_settlement_card: this.legalSettlementImg, //法人结算卡
					settlement_bank_card: this.bankImg, //结算人银行卡
					settlement_head_card: this.bankIdCardImg, //结算人身份证正面
					settlement_bak_card: this.bankIdCardOppositeImg, //结算人身份证反面
					designated_book: this.designatedBook, //结算账户指定书
					handheld_card: this.handheldCard, //结算人手持卡
					handheld_id_card: this.handheldIdCard, //结算人手持身份证
					settle_type: this.settlementType,
					business_certificate:this.businessCertificate
				}, {
					token: true
				}).then(res => {
					console.log(res)
					if (res.code == 1) {
						let {
							data = {}
						} = res;
						if (save_type == 1) {
							this.$tools.showToast('保存成功')
						} else {
							this.$tools.showToast('提交成功，等待第三方审核')
							this.credentialInfo();
						}
					}
				})
			},
			// 进件信息回显
			settlementSetInfo() {
				this.$request.post(this.$api.settlementSetInfo, {
					store_id: uni.getStorageSync('store_id')
				}, {
					token: true
				}).then(res => {
					console.log(res)
					if (res.code == 1) {
						let {
							data = {}
						} = res;
						this.getProvinceList();
						if (data) {
							this.signName = data.sign_name
							this.sub_merchant_no=data.sub_merchant_no
							// this.showName=data.show_name
							this.legalPerson = data.legal_person
							this.legalPersonID = data.legal_person_id
							this.linkManId=data.link_man_id
							// this.orgNum=data.org_num
							this.businessLicense = data.business_license
							this.province = data.province
							this.city = data.city
							this.area = data.area
							this.regionCode = data.region_code
							this.address = data.address
							this.linkman = data.linkman
							this.linkPhone = data.link_phone
							this.email = data.email
							this.bankCode = data.bank_code
							this.bindMobile = data.bind_mobile
							this.accountName = data.account_name
							this.accountNo = data.account_no
							this.err_msg = data.err_msg
							this.status = data.status
							this.merchantType = data.merchant_type
							if(data.merchant_type){
								this.index = this.array.findIndex((item) => item.value == data.merchant_type)
							}
							this.merchantName = this.array[this.index].name
							this.settlementType = data.settle_type
							this.settlementIndex = this.settlementTypeList.findIndex((item) => item.value == data
								.settle_type)
							this.settlementName = this.settlementTypeList[this.settlementIndex].name
							this.idCardStartDate=data.id_card_start_date
							this.idCardEndDate=data.id_card_end_date
							this.businessDateStart=data.business_date_start
							this.businessDateLimit=data.business_date_limit
							this.legalPersonIdAddress=data.legal_person_id_address
							if(this.status=='AUDITED'||this.status=='INIT'){
								this.disabled=true
							}
						}
					}
				})
			},
			chooseImage: async function(type) {
				var that = this
				uni.chooseImage({
					count: 1,
					extension: ['.jpg', '.png', '.jpeg'],
					success: (res) => {
						console.log(res)
						if (res.tempFiles[0].size > 2048000) {
							this.$tools.showToast('图片大小不能超过2M')
							return;
						}
						var imgFiles = res.tempFilePaths[0]
						let suffix = res.tempFilePaths[0].split('.')[1]
						console.log(suffix)
						if (suffix != 'jpg' && suffix != 'png' && suffix != 'jpeg') {
							this.$tools.showToast('图片仅支持jpg、jpeg、png');
							return;
						}
						that.cutImageCallback(imgFiles, type);
					}
				})
			},
			cutImageCallback(content, type) {
				let that = this;
				let httpsHead = 'https://moyu24h-new.oss-cn-chengdu.aliyuncs.com/'
				that.$tools.loadIng('上传中,请稍后..')
				base.aliyun_upload(content, function(r, err) {
					if (r) {
						let uploadimg = httpsHead + r
						switch (type) {
							case "businessLicenseImg":
								that.businessLicenseImg = uploadimg;
								break;
							case "accountOpenImg":
								that.accountOpenImg = uploadimg;
								break;
							case "idCardImg":
								that.idCardImg = uploadimg;
								break;
							case "idCardOppositeImg":
								that.idCardOppositeImg = uploadimg;
								break;
							case "doorImg":
								that.doorImg = uploadimg;
								break;
							case "indoorImg":
								that.indoorImg = uploadimg;
								break;
							case "bankIdCardImg":
								that.bankIdCardImg = uploadimg;
								break;
							case "bankIdCardOppositeImg":
								that.bankIdCardOppositeImg = uploadimg;
								break;
							case "bankImg":
								that.bankImg = uploadimg;
								break;
							case "legalSettlementImg":
								that.legalSettlementImg = uploadimg;
								break;
							case "designatedBook":
								that.designatedBook = uploadimg;
								break;
							case "handheldCard":
								that.handheldCard = uploadimg;
								break;
							case "handheldIdCard":
								that.handheldIdCard = uploadimg;
								break;
							case "businessCertificate":
								that.businessCertificate = uploadimg;
								break;
							default:
								break;
						}
						uni.hideLoading();
					}
				})
			},
			//删除图片
			deleteImage(type) {
				let that = this
				switch (type) {
					case "businessLicenseImg":
						that.businessLicenseImg = "";
						that.credential.business_license_status = ""
						break;
					case "accountOpenImg":
						that.accountOpenImg = "";
						that.credential.opening_license_status = ""
						break;
					case "idCardImg":
						that.idCardImg = "";
						that.credential.legal_person_head = ""
						break;
					case "idCardOppositeImg":
						that.idCardOppositeImg = "";
						that.credential.legal_person_bak_status = ""
						break;
					case "doorImg":
						that.doorImg = "";
						that.credential.door_photo_status = ""
						break;
					case "indoorImg":
						that.indoorImg = "";
						that.credential.indoor_scene_status = ""
						break;
					case "bankIdCardImg":
						that.bankIdCardImg = "";
						that.credential.settlement_head_card_status = ""
						break;
					case "bankIdCardOppositeImg":
						that.bankIdCardOppositeImg = "";
						that.credential.settlement_bak_card_status = ""
						break;
					case "bankImg":
						that.bankImg = "";
						that.credential.settlement_bank_card_status = ""
						break;
					case "legalSettlementImg":
						that.legalSettlementImg = "";
						that.credential.legal_settlement_card_status = ""
						break;
					case "designatedBook":
						that.designatedBook = "";
						that.credential.designated_book_status = ""
						break;
					case "handheldCard":
						that.handheldCard = "";
						that.credential.handheld_card_status = ""
						break;
					case "handheldIdCard":
						that.handheldIdCard = "";
						that.credential.handheld_id_card_status = ""
						break;
					case "businessCertificate":
						that.businessCertificate = "";
						that.credential.business_certificate_status = ""
						break;
					default:
						break;
				}
			},
		}
	}
</script>

<style lang="scss">
	.tips-box {
		font-size: 24upx;
		color: #82819B;
		.error-icon{
			width: 90upx;
			height: 90upx;
			margin-bottom: 20upx;
		}
		.success-icon {
			width: 90upx;
			height: 90upx;
			margin-bottom: 20upx;
		}

		.tips-strong {
			font-size: 30upx;
			color: #fff;
			margin-bottom: 10upx;
			word-break: break-all;
		}

		.update-btn {
			font-size: 30rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 70rpx;
			width: 160rpx;
			height: 70rpx;
			background: #26BCFD;
			border-radius: 16rpx;
			text-align: center;
			z-index: 999;
			margin-top: 10upx;
		}
	}
	.remaks-box{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #82819B;
		line-height: 40rpx;
		padding-left: 138upx;
		margin-top: 12upx;
		line-break: anywhere;
	}
	.group-tab {
		padding: 0 30rpx;
		display: flex;
		justify-content: space-between;
		padding: 20rpx 74rpx;
		border-bottom: 1rpx solid #36355E;
		position: sticky;
		top: 0;
		z-index: 999;
		background-color: #040336;

		.tab-item {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: rgba(255, 255, 255, 0.7);
			line-height: 38rpx;
		}

		.active {
			color: #FFFFFF;

			&::after {
				content: "";
				display: block;
				width: 100%;
				height: 4rpx;
				background: #26BCFD;
				margin-top: 8rpx;
			}
		}
	}

	.picker-box {
		position: fixed !important;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: #FFFFFF;
		z-index: 999;

		.picker-top {
			padding: 30upx 50upx;

			.confirm-btn {
				color: #26BCFD;
			}
		}

		.picker-view {
			width: 750rpx;
			height: 400rpx;

			.item {
				line-height: 100rpx;
				text-align: center;
				color: #000;
			}
		}
	}

	.content {
		padding: 30upx;
		padding-bottom: 120upx;
	}

	.tips {
		font-size: 28upx;
		background: #1D1C5C;
		line-height: 50upx;
		color: brown;
		margin-top: 10upx;
		padding: 10upx;
		border-radius: 10upx;
		line-break: anywhere;
		text-align: center;
	}

	.success {
		color: rgb(102, 203, 53);
	}

	.shop-info-box {
		.info-item {
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 40upx;
			color: #FFFFFF;
			padding: 30upx 0;
			border-bottom: 1upx solid #36355E;
			align-items: flex-start;

			&:nth-last-of-type(1) {
				border-bottom: none;
			}

			.item-title {
				min-width: 140upx;
				flex: none;
			}

			.small {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				margin: 0 40upx;
			}

			picker {
				flex: 1;
				// flex: none;
			}

			.select-input {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFE577;
				flex: 1;
			}

			input {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFE577;
				flex: 1;
			}

			textarea {
				background: #1D1C5C;
				border-radius: 16upx;
				padding: 30upx;
				height: 140upx;
				font-size: 28upx;
			}

			.icon-more {
				border-color: #FFFFFF;
			}

			.placeholderclass {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFE577;
			}

			.select-box {
				flex-wrap: wrap;

				.select-item {
					font-size: 28upx;
					color: #FFFFFF;
					margin-bottom: 20upx;
					width: 50%;
					align-items: flex-start;

					.select-icon {
						width: 48upx;
						height: 48upx;
						margin-right: 10upx;
						flex: none;
					}
				}
			}
		}

		.remaks-box {
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #82819B;
			line-height: 40rpx;
			padding-left: 138upx;
			margin-top: 12upx;
			line-break: anywhere;
		}
	}

	.qualifications-box {
		.info-item {
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 40upx;
			color: #FFFFFF;
			padding: 30upx 0;
			border-bottom: 1upx solid #36355E;
			align-items: flex-start;

			&:nth-last-of-type(1) {
				border-bottom: none;
			}

			.item-title {
				min-width: 140upx;
				flex: none;
			}
		}

		.attachment-box {
			margin-top: 12upx;

			.add-btn {
				width: 162rpx;
				height: 162rpx;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				border: 1upx solid #36355E;
				position: relative;
				margin-right: 20upx;

				&::after {
					content: "";
					display: inline-block;
					width: 40upx;
					height: 4upx;
					background: #36355E;
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					margin: auto;
				}

				&::before {
					content: "";
					display: inline-block;
					width: 4upx;
					height: 40upx;
					background: #36355E;
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					margin: auto;
				}
			}

			.attachment-img {
				width: 162rpx;
				height: 162rpx;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				margin-right: 20upx;
				position: relative;

				:nth-of-type(3n) {
					margin-right: 0;
				}

				.close-btn {
					position: absolute;
					top: -10upx;
					right: -10upx;
					width: 40upx;
					height: 40upx;
				}
			}

			.status {
				font-size: 28upx;
			}

			.success {
				color: rgb(102, 203, 53);
			}

			.error {
				color: #D54941;
			}
		}

		.attachment-tips {
			font-size: 24upx;
			margin-top: 20upx;
			color: #fff;
		}
	}

	.bottom-box {
		height: 120rpx;
		background: #1D1C5C;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		justify-content: center;
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		z-index: 999;

		.define-btn {
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 80rpx;
			width: 322rpx;
			height: 80rpx;
			background: #26BCFD;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			text-align: center;
			z-index: 999;
		}

		.grey {
			background: #82819B;
		}
	}

	.remaks-box2 {
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #fff;
		line-height: 40rpx;
		margin-top: 12upx;
		text-decoration: underline;
	}

	.function-item {
		padding: 36rpx 0;
		position: relative;
		border-bottom: 3rpx solid #36355E;

		.item-left {
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 44upx;
			color: #FFFFFF;

			.item-icon {
				width: 36rpx;
				height: 36rpx;
				flex: none;
				margin-right: 17rpx;
			}
		}

		.item-right {
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 44upx;
			color: #FFFFFF;

			.important {
				color: #FFB726;
			}
		}

		.icon-more {
			border-color: #fff;
			border-width: 4rpx;
			margin-left: 10upx;
		}
	}
</style>